<template>
    <div class="heAndWi">
        <div class="row profile-head  q-pa-md ">
            <div class="col-4">
                <div class="text-h5 text-weight-bold">
                    About
                </div>
            </div>
            <div class="col-1 offset-7 float-right">
                <q-btn round icon="settings" class="bg-grey-4" style=" color: black" flat size="10px">
                    <q-menu auto-close :offset="[-20, 10]">
                        <q-list style="min-width: 100px">
                            <q-item clickable>
                                <q-item-section @click="changes">关闭</q-item-section>
                            </q-item>
                            <q-item clickable v-if="type === 'friend'">
                                <q-item-section>删除好友</q-item-section>
                            </q-item>
                            <q-item clickable v-if="type === 'friend'">
                                <q-item-section>加入黑名单</q-item-section>
                            </q-item>
                        </q-list>
                    </q-menu>
                </q-btn>
            </div>
        </div>
        <div class="row profile-body ">
            <q-scroll-area class="profile-scroll" :thumb-style="thumbStyle">
                <ProfileUserInfo v-if="type === 'friend'"  :userInfo="userInfo"/>
                <ProfileGroupInfo v-else :accountNum ="accountNum" :group-info="groupInfo"/>
                <div class="bottom-view">
                </div>
            </q-scroll-area>
        </div>

    </div>

</template>
<script>
  import ProfileUserInfo from './user-info/userInfo.vue'
  import ProfileGroupInfo from './group/index.vue'

  export default {
    name: "Profile",
    components: {ProfileUserInfo, ProfileGroupInfo},
    props: {
      type: {
        type: String,
        default: 'group'//chatHouse friend group
      },
      accountNum:{
        type:String,
        default: ''
      }
    },
    data () {
      return {
        userInfo:{
          remark:'I love reading, traveling and discovering new things. You need to be happy in life.',
          accountNum:'1221221',
          bgImg:'https://cdn.quasar.dev/img/mountains.jpg',
          phone:'（+86）12345678910',
          from:'江西 赣州',
          imgs:[
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'new',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'new',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            },
            {
              id:1,
              img:'https://cdn.quasar.dev/img/avatar.png',
              name:'',
              remark:'',
            }
          ],
        },
        groupInfo: {
          id: 1,
          img: 'https://cdn.quasar.dev/img/avatar.png',
          bgImg: 'https://cdn.quasar.dev/img/mountains.jpg',
          title: 'J-IM 朋友圈',
          groupNum: '213213213',
          remark: 'I love reading, traveling and discovering new things. You need to be happy in life.',
          tags: [
            {
              id: 1,
              name: '互联网交流',
              type: '1111',
              color: 'red'
            },
            {
              id: 2,
              name: '江西/赣州',
              type: '1111',
              color: 'green'
            },
          ],
          memberCount: 20,
          maxMemberCount: 200,
          rate: '10',
          memberList: [
            {
              remark: 'I love reading, traveling and discovering new things. You need to be happy in life.',
              accountNum: '1221221',
              bgImg: 'https://cdn.quasar.dev/img/mountains.jpg',
              phone: '（+86）12345678910',
              from: '江西 赣州',
              img: 'https://cdn.quasar.dev/img/avatar.png',
              lastSendTime: '2020/06/01',
              isAdmin: true,
              name: '徐建',
              nickName: 'nickName',
              imgs: [
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                }
              ],
            },
            {
              remark: 'I love reading, traveling and discovering new things. You need to be happy in life.',
              accountNum: '1221221',
              bgImg: 'https://cdn.quasar.dev/img/mountains.jpg',
              phone: '（+86）12345678910',
              from: '江西 赣州',
              img: 'https://cdn.quasar.dev/img/avatar.png',
              lastSendTime: '2020/06/01',
              isAdmin: true,
              name: '徐建',
              nickName: 'nickName',
              imgs: [
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                }
              ],
            },
            {
              remark: 'I love reading, traveling and discovering new things. You need to be happy in life.',
              accountNum: '1221221',
              bgImg: 'https://cdn.quasar.dev/img/mountains.jpg',
              phone: '（+86）12345678910',
              from: '江西 赣州',
              img: 'https://cdn.quasar.dev/img/avatar.png',
              lastSendTime: '2020/06/01',
              isAdmin: false,
              name: '徐建',
              nickName: 'nickName',
              imgs: [
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                }
              ],
            },
            {
              remark: 'I love reading, traveling and discovering new things. You need to be happy in life.',
              accountNum: '1221221',
              bgImg: 'https://cdn.quasar.dev/img/mountains.jpg',
              phone: '（+86）12345678910',
              from: '江西 赣州',
              img: 'https://cdn.quasar.dev/img/avatar.png',
              lastSendTime: '2020/06/01',
              isAdmin: false,
              name: '徐建',
              nickName: 'nickName',
              imgs: [
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: 'new',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                },
                {
                  id: 1,
                  img: 'https://cdn.quasar.dev/img/avatar.png',
                  name: '',
                  remark: '',
                }
              ],
            },
          ]
        }
      }
    },
    methods: {
      changes () {
        this.$emit("changeData", false)
      }
    },
    computed: {
      thumbStyle () {
        return {
          right: '2px',
          borderRadius: '5px',
          backgroundColor: '#4caf50',
          width: '1px',
          opacity: 0.75
        }
      }
    }
  }
</script>

<style scoped>

    .profile-scroll {
        max-height: 100%;
        width: 100%;
    }

    .profile-head {
        height: 10%;
    }

    .profile-body {
        height: 90%;
        width: 100%;
    }

</style>
